<!-- <template>
  <div id="mh_flo">
  	<header>
  		<form>
  			<img src="../assets/img/sousuo.png">
  			<input type="text" placeholder="搜索附近的商品和门店">
  		</form>
  	</header>
      <section>
      <div class="aside">
         <ul class="left">
            <li v-for="(nav,index) in navData" @click="tabIndex=tabIndex==index?0:index"  :class="{active:tabIndex==index}">{{nav.text}}</li>
         </ul>
        <ul class="right" v-for='(cont,index) in contData' v-show="tabIndex==index">
            <div class="top" v-for="pin in cont.listData">{{pin.title}}</div>
            <div class="bottom">
                <li  v-for="suan in cont.listData" >
                <img v-bind:src="suan.imgs">
                <a>{{suan.text}}</a>
              </li>
            </div>
        </ul>
      </div>
      </section>
     

      <footer>
    	  <ul>
          <li  v-for="test in teskinfos" >
              <img v-bind:src="test.imgs">
              <a>{{test.text}}</a>
         
          </li>
        </ul>
    </footer>
  </div>
</template>

<script>

export default {
  name: 'mh_flo',
  data(){
       return {
     //    tabIndex:0,
     //    navData:[
     //       {text:'肉禽蛋奶'},
     //       {text:'冷热速食'},
     //       {text:'休闲食品'},
     //       {text:'酒水饮料'},
     //       {text:'粮油调味'},
     //       {text:'洁净日化'},
     //       {text:'鲜花蛋糕'},
     //       {text:'医药健康'}

     //    ],
       
     //     contData:[
     //                {
     //                    listData:[
     //                        {title:'奶制品'},
     //                        {
     //                          imgs:"/static/img/suannai.png",
     //                          text:'酸奶'
     //                        },
     //                        {
     //                          imgs:"/static/img/jiaweinai.png",
     //                          text:'加味奶'
     //                        }
     //                    ]
     //                },{
     //                    listData:[
     //                       {title:'常温速食'},
     //                        {
     //                          imgs:"/static/img/babaozhou.png",
     //                          text:'八宝粥'
     //                        }
                           
     //                    ]
     //                },{
     //                    listData:[
     //                       {title:'休闲零食'},
     //                        {
     //                          imgs:"/static/img/guoganmijian.png",
     //                          text:'干果蜜饯'
     //                        },
     //                        {
     //                          imgs:"/static/img/ruantang.png",
     //                          text:'软糖'
     //                        } 
     //                    ]
     //                },
     //                {
     //                    listData:[
     //                       {title:'酒'},
     //                        {
     //                          imgs:"/static/img/pijiu.png",
     //                          text:'啤酒'
     //                        },
     //                        {
     //                          imgs:"/static/img/baijiu.png",
     //                          text:'白酒'
     //                        }
                           
     //                    ]
     //                },
     //                {
     //                    listData:[
     //                       {title:'进口粮油副食'},
     //                        {
     //                          imgs:"/static/img/jinkou.png",
     //                          text:'其他进口速食'
     //                        }
     //                    ]
     //                },
     //                {
     //                    listData:[
     //                       {title:'面部护理'},
     //                        {
     //                          imgs:"/static/img/jiemian.png",
     //                          text:'洁面'
     //                        },
     //                        {
     //                          imgs:"/static/img/hufu.png",
     //                          text:'护肤'
     //                        }
                            
     //                    ]
     //                },
     //                {
     //                    listData:[
     //                       {title:'鲜花'},
     //                        {
     //                          imgs:"/static/img/lipinxianhua.png",
     //                          text:'礼品鲜花'
     //                        },
     //                        {
     //                          imgs:"/static/img/jiatingyonghua.png",
     //                          text:'家庭用花'
     //                        }
                             

     //                    ]
     //                },
     //                {
     //                    listData:[
     //                       {title:'中西药品'},
     //                        {
     //                          imgs:"/static/img/ganmaoyao.png",
     //                          text:'感冒用药'
     //                        },
     //                        {
     //                          imgs:"/static/img/buyianshen.png",
     //                          text:'补益安神'
     //                        }
     //                    ]
     //                }
     //            ],
    	// teskinfos:[
     //          {
     //              imgs:"/static/img/shouye.png",
     //              text:'首页'
     //         },
     //         {
     //              imgs:"/static/img/feilei2.png",
     //              text:'分类'
     //         },
     //         {
     //              imgs:"/static/img/gouwuche.png",
     //              text:'购物车'
     //         },
     //         {
     //              imgs:"/static/img/dingdan1.png",
     //              text:'订单'
     //         },
              
     //         {
     //              imgs:"/static/img/wode.png",
     //              text:'我的'
     //         }]
            
  }  
  }

}
</script>

<style scoped lang="less">
@import '.././assets/less/style.less';
@import '.././assets/css/reset.css';
@import '.././assets/less/mh_flo.less';
@import '.././assets/css/swiper.css';

</style>
 -->